body {
  background: url("../images/bg.png") repeat-x scroll left top #ebf4f7;
  font-family: Open Sans, Arial,sans-serif;
  font-size: 13px;
  overflow-y: scroll; }
  body.nobg {
    background: none; }

.container, .container-white {
  width: 1200px;
  margin: 0 auto;
  padding: 0; }

.container-white {
  background: #ffffff; }

.login-container {
  margin: 125px auto 0;
  padding: 4px;
  width: 600px;
  background-image: -moz-linear-gradient(center top, #dbf1f7, #b6e2ed);
  background: -webkit-gradient(linear, left top, left bottom, from(#dbf1f7), to(#b6e2ed));
  background-image: linear-gradient(center top, #dbf1f7, #b6e2ed);
  border-color: #4BA9D6 #2C8EBE #2C8EBE #4BA9D6;
  border-image: none;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 0 #FFFFFF inset, 0 -1px 0 0 #E8F5F9 inset, 0 0 15px #DDDDDD; }
  .login-container .header {
    border-color: #AAAAAA;
    border-image: none;
    border-radius: 5px 5px 0 0;
    border-style: none none solid;
    border-width: medium medium 1px;
    padding: 20px 0;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f1f1f1));
    background: -moz-linear-gradient(center top, #f7f7f7 0%, #f1f1f1 100%) repeat scroll 0 0 transparent;
    background: linear-gradient(center top, #f7f7f7, #f1f1f1); }
  .login-container .error-login {
    display: none;
    background: #FFEFEF;
    border: 1px solid #FFCFCF;
    margin: 12px auto 0;
    width: 460px;
    border-radius: 5px;
    color: #333333;
    font-style: normal;
    line-height: 1.5em;
    padding: 5px 10px; }
  .login-container .success {
    display: none;
    margin: 12px auto 0;
    width: 460px;
    background: #E0EFE7;
    border: 1px solid #B5DFC9;
    border-radius: 5px;
    color: #333333;
    font-style: normal;
    line-height: 1.5em;
    padding: 5px 10px; }
  .login-container .info {
    background: -moz-linear-gradient(center top, #e4f5fa 0%, #d6f0f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#e4f5fa), to(#d6f0f5));
    background: linear-gradient(center top, #e4f5fa, #d6f0f5);
    border-bottom: 1px solid #87A8C0;
    box-shadow: 0 1px 0 0 #FFFFFF inset, 0 -1px 0 0 #FFFFFF inset;
    color: #333333;
    display: block;
    font-size: 14px;
    font-style: normal;
    line-height: 1.4em;
    margin: 0 0 5px;
    padding: 8px 50px;
    text-align: center; }
  .login-container .login-form {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #4BA9D6;
    padding: 0; }
    .login-container .login-form .login-items {
      margin: 0 auto;
      padding: 25px 0 0;
      width: 480px; }
      .login-container .login-form .login-items .form-item {
        padding: 0 0 5px;
        width: 100%;
        float: left;
        clear: left; }
        .login-container .login-form .login-items .form-item label {
          display: block;
          float: left;
          font-weight: bold;
          font-size: 12px;
          padding: 5px 10px 0 0;
          text-align: right;
          width: 100px; }
        .login-container .login-form .login-items .form-item .input {
          width: 350px; }
    .login-container .login-form .login-options {
      padding: 0 0 15px;
      margin-top: 10px;
      text-align: center; }
      .login-container .login-form .login-options a {
        border-bottom: 1px solid #29475F;
        color: #29475F;
        text-decoration: none; }

.main-left {
  background: url("../images/fade-b-l.png") no-repeat scroll left top #ebf4f7;
  margin: 0;
  padding: 0 0 0 35px; }

.main-right {
  background: url("../images/fade-b-r.png") no-repeat scroll right top #ebf4f7;
  margin: 0;
  padding: 0 35px 0 0;
  position: relative;
  z-index: 10; }

.main {
  margin: 0;
  padding: 0;
  width: 100%; }
  .main .nav {
    background: none repeat scroll 0 0 #E9E9E9;
    height: 52px; }
    .main .nav ul {
      float: left;
      list-style: none outside none;
      margin: 0;
      padding: 0; }
      .main .nav ul li {
        background: none repeat scroll 0 0 #838383;
        border-radius: 5px;
        float: left;
        font-size: 14px;
        margin: 10px 0 9px 10px;
        padding: 7px 10px; }
        .main .nav ul li a {
          text-decoration: none;
          border: medium none;
          color: #FFFFFF;
          text-shadow: 0 1px 0 #636363; }
        .main .nav ul li:hover {
          background: none repeat scroll 0 0 #636363; }
        .main .nav ul li ul.courses-dd {
          background: inherit;
          border-radius: 5px;
          margin-left: -10px;
          padding: 2px 2px 7px;
          position: absolute;
          visibility: hidden;
          z-index: 1000; }
          .main .nav ul li ul.courses-dd li {
            background: none repeat scroll 0 0 #939393;
            border: medium none;
            color: #FFFFFF;
            float: none;
            font-size: 12px;
            margin: 5px 5px 0;
            padding: 0; }
            .main .nav ul li ul.courses-dd li a {
              display: block;
              padding: 3px 8px;
              text-shadow: none; }
            .main .nav ul li ul.courses-dd li:hover {
              background: none repeat scroll 0 0 #636363; }
    .main .nav .usernav {
      position: absolute;
      top: 0;
      right: 45px; }
      .main .nav .usernav a {
        background: none repeat scroll 0 0 #4D4D4D;
        border-radius: 0px 0px 5px 5px;
        color: #FFFFFF;
        display: block;
        float: left;
        font-size: 13px;
        height: 22px;
        outline: 0 none;
        padding: 5px 10px 0;
        min-width: 150px; }
        .main .nav .usernav a:hover {
          color: #dddddd;
          border: none; }
        .main .nav .usernav a img {
          float: left;
          margin-right: 3px; }
        .main .nav .usernav a #account-drop-down {
          background-color: #4D4D4D;
          border-left: 1px solid #6D6D6D;
          color: #EEEEEE;
          font-size: 11px;
          padding-left: 5px;
          right: 12px;
          top: 6px;
          z-index: 100; }
      .main .nav .usernav ul {
        background: #4D4D4D;
        top: 24px;
        float: left;
        list-style: none;
        display: none;
        border-radius: 0 0 5px 5px;
        position: absolute;
        z-index: 1000;
        width: 100%; }
        .main .nav .usernav ul li {
          background: none;
          padding: 0;
          margin: 0;
          border: medium none;
          color: #FFFFFF;
          font-size: 12px;
          width: 100%; }
          .main .nav .usernav ul li a {
            background: none;
            display: block;
            text-shadow: none; }
            .main .nav .usernav ul li a:hover {
              color: #ffffff; }
          .main .nav .usernav ul li:hover {
            background: #6D6D6D; }
    .main .nav .courses-button {
      border-left: 1px solid #AAAAAA;
      color: #FFFFFF;
      cursor: pointer;
      font-size: 11px;
      padding: 1px 0 0 5px;
      text-shadow: 0 1px 0 #555555; }
      .main .nav .courses-button:hover {
        color: #CCCCCC; }
  .main .content {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 100%;
    position: relative;
    width: 100%; }
    .main .content .offset {
      background: url("../images/content-fade-left.png") repeat-x scroll left top white;
      float: left;
      margin-right: -250px;
      width: 100%; }
      .main .content .offset .left {
        background: url("../images/right-gray.png") repeat-y scroll right top transparent;
        height: 100%;
        padding: 10px 260px 15px 10px; }
        .main .content .offset .left table.crumbs {
          border-spacing: 0;
          font-size: 11px;
          overflow: hidden;
          padding: 0;
          white-space: nowrap; }
          .main .content .offset .left table.crumbs tbody > tr > td.first, .main .content .offset .left table.crumbs tbody > tr > td.last {
            background: none repeat scroll 0 0 #F5E494;
            border-radius: 5px;
            display: block;
            float: left;
            margin: 0 5px 0 0;
            padding: 3px 6px; }
            .main .content .offset .left table.crumbs tbody > tr > td.first a, .main .content .offset .left table.crumbs tbody > tr > td.last a {
              text-decoration: none;
              border: none; }
          .main .content .offset .left table.crumbs tbody > tr > td.last {
            width: 100%;
            padding: 0 5px;
            overflow: hidden; }
            .main .content .offset .left table.crumbs tbody > tr > td.last em {
              background: none repeat scroll 0 0 #F5E494;
              border-radius: 5px;
              display: block;
              float: left;
              font-style: normal;
              padding: 3px 6px; }
        .main .content .offset .left h2 {
          font-size: 20px;
          padding-bottom: 12px; }
        .main .content .offset .left .page-left {
          padding: 10px 3px 0; }
          .main .content .offset .left .page-left .left-title {
            margin-bottom: 10px; }
          .main .content .offset .left .page-left .add-form {
            background: none repeat-x scroll left top #EBF4F7;
            border: 1px solid #D4ECF8;
            border-radius: 7px;
            margin: 0 0 20px;
            padding: 8px 10px 10px; }
            .main .content .offset .left .page-left .add-form .subject-title {
              width: 70%;
              float: left;
              display: block;
              padding-right: 5px;
              margin-right: 10px; }
              .main .content .offset .left .page-left .add-form .subject-title .input {
                width: 100%; }
            .main .content .offset .left .page-left .add-form .subject-submit {
              width: 20%;
              float: left; }
          .main .content .offset .left .page-left table.calendar thead tr {
            background: none repeat scroll 0% 0% #F7F7F7; }
            .main .content .offset .left .page-left table.calendar thead tr th {
              padding-top: 2px;
              padding-bottom: 2px;
              border: 1px solid #DDDDDD;
              border-bottom-width: 1px;
              width: 122px;
              text-align: center;
              font-size: 1em; }
              .main .content .offset .left .page-left table.calendar thead tr th:first-child {
                width: 50px; }
          .main .content .offset .left .page-left table.calendar tbody tr td {
            border: 1px solid #DDDDDD;
            padding: 10px;
            text-align: center; }
            .main .content .offset .left .page-left table.calendar tbody tr td:first-child {
              background: none repeat scroll 0% 0% #F7F7F7; }
          .main .content .offset .left .page-left h2.feed-header {
            border-bottom: 1px solid #DDDDDD;
            margin-bottom: 10px;
            padding-bottom: 10px; }
            .main .content .offset .left .page-left h2.feed-header .course-name {
              background: none repeat scroll 0 0 #668CD9;
              color: #FFFFFF;
              margin-right: 5px;
              padding: 1px 5px; }
          .main .content .offset .left .page-left .list-courses {
            margin: 0 0 15px;
            width: 100%; }
            .main .content .offset .left .page-left .list-courses .course {
              border-color: #DDDDDD #DDDDDD #C1C1C1;
              border-image: none;
              border-style: solid;
              border-width: 1px;
              clear: both;
              margin: 0 0 15px; }
              .main .content .offset .left .page-left .list-courses .course .course-header {
                background: none repeat scroll 0 0 #F3F3F3;
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
                margin: 1px 0 0;
                padding: 8px 10px 10px; }
                .main .content .offset .left .page-left .list-courses .course .course-header a.name {
                  display: block;
                  float: left;
                  font-size: 14px;
                  font-weight: normal; }
            .main .content .offset .left .page-left .list-courses .actions {
              padding: 10px 5px; }
              .main .content .offset .left .page-left .list-courses .actions .links {
                float: left; }
                .main .content .offset .left .page-left .list-courses .actions .links a.default, .main .content .offset .left .page-left .list-courses .actions .links a.view, .main .content .offset .left .page-left .list-courses .actions .links a.remove, .main .content .offset .left .page-left .list-courses .actions .links a.edit {
                  border: medium none;
                  color: #666;
                  font-size: 11px;
                  margin: 0px 10px 0px 5px;
                  padding: 1px 2px 1px 20px; }
                .main .content .offset .left .page-left .list-courses .actions .links a.view {
                  background: url("../images/icons/book_open.png") no-repeat scroll 0px 0px transparent; }
                .main .content .offset .left .page-left .list-courses .actions .links a.remove {
                  background: url("../images/icons/remove.png") no-repeat scroll 0px 0px transparent; }
                .main .content .offset .left .page-left .list-courses .actions .links a.edit {
                  background: url("../images/icons/edit.png") no-repeat scroll 0px 0px transparent; }
          .main .content .offset .left .page-left .lecture-header {
            padding: 10px 0; }
            .main .content .offset .left .page-left .lecture-header .sort {
              float: left;
              margin-right: 10px; }
            .main .content .offset .left .page-left .lecture-header .running {
              float: left;
              margin-right: 10px; }
          .main .content .offset .left .page-left .lecture {
            width: 100%; }
            .main .content .offset .left .page-left .lecture thead tr {
              background: #F7F7F7; }
              .main .content .offset .left .page-left .lecture thead tr th {
                padding-top: 2px;
                padding-bottom: 2px;
                border: 1px solid #DDDDDD;
                width: 122px;
                text-align: center;
                font-size: 1em;
                cursor: pointer; }
                .main .content .offset .left .page-left .lecture thead tr th:first-child {
                  width: 50px; }
            .main .content .offset .left .page-left .lecture tbody tr td {
              border: 1px solid #DDDDDD;
              padding: 10px;
              text-align: center; }
          .main .content .offset .left .page-left table.settings-grid {
            border-spacing: 0;
            margin: 10px 0 40px;
            width: 100%; }
            .main .content .offset .left .page-left table.settings-grid td.settings-info {
              border-right: 1px solid #EEEEEE;
              font-size: 11px;
              line-height: 1.5em;
              padding: 0 15px 0 0;
              vertical-align: top;
              width: 150px;
              border-spacing: 0; }
            .main .content .offset .left .page-left table.settings-grid td.settings-content {
              padding: 0 0 0 15px;
              vertical-align: top; }
              .main .content .offset .left .page-left table.settings-grid td.settings-content table.settings-table {
                border-spacing: 0;
                width: 98%;
                margin: 10px 0; }
                .main .content .offset .left .page-left table.settings-grid td.settings-content table.settings-table tbody tr td.label {
                  color: #666666;
                  font-size: 11px;
                  padding: 6px 5px 0 0;
                  vertical-align: top;
                  width: 90px;
                  margin-bottom: 5px; }
                .main .content .offset .left .page-left table.settings-grid td.settings-content table.settings-table tbody tr input.input.big-field {
                  margin-right: 0;
                  margin-bottom: 5px;
                  padding: 4px;
                  width: 75%; }
            .main .content .offset .left .page-left table.settings-grid td.class-feed {
              padding-top: 8px; }
              .main .content .offset .left .page-left table.settings-grid td.class-feed .feed-item {
                border-bottom: 1px solid #DDD;
                margin-bottom: 10px;
                padding: 0px 0px 10px;
                position: relative; }
                .main .content .offset .left .page-left table.settings-grid td.class-feed .feed-item .feed-into {
                  float: left;
                  padding-right: 2%;
                  width: 100%;
                  height: 22px; }
                  .main .content .offset .left .page-left table.settings-grid td.class-feed .feed-item .feed-into .feed-title {
                    left: 0px;
                    height: 20px;
                    overflow: hidden;
                    position: absolute;
                    text-overflow: ellipsis;
                    width: 70%; }
                    .main .content .offset .left .page-left table.settings-grid td.class-feed .feed-item .feed-into .feed-title a {
                      font-size: 14px;
                      color: #111111; }
                      .main .content .offset .left .page-left table.settings-grid td.class-feed .feed-item .feed-into .feed-title a:hover {
                        color: #333333; }
                    .main .content .offset .left .page-left table.settings-grid td.class-feed .feed-item .feed-into .feed-title span {
                      color: #999;
                      padding-left: 5px; }
                .main .content .offset .left .page-left table.settings-grid td.class-feed .feed-item .feed-actions {
                  display: none;
                  background: none repeat scroll 0% 0% #EEE;
                  bottom: 0px;
                  display: none;
                  padding: 3px 7px;
                  position: absolute;
                  right: 0px;
                  border-radius: 5px 5px 0 0; }
                  .main .content .offset .left .page-left table.settings-grid td.class-feed .feed-item .feed-actions a {
                    padding: 0 5px;
                    color: #111111; }
                    .main .content .offset .left .page-left table.settings-grid td.class-feed .feed-item .feed-actions a:hover {
                      color: #333333; }
            .main .content .offset .left .page-left table.settings-grid table.calendar thead tr {
              background: none repeat scroll 0% 0% #F7F7F7; }
              .main .content .offset .left .page-left table.settings-grid table.calendar thead tr th {
                padding-top: 2px;
                padding-bottom: 2px;
                border: 1px solid #DDDDDD;
                border-bottom-width: 1px;
                width: 122px;
                text-align: center;
                font-size: 1em; }
                .main .content .offset .left .page-left table.settings-grid table.calendar thead tr th:first-child {
                  width: 50px; }
            .main .content .offset .left .page-left table.settings-grid table.calendar tbody tr td {
              border: 1px solid #DDDDDD;
              padding: 10px;
              text-align: center; }
              .main .content .offset .left .page-left table.settings-grid table.calendar tbody tr td:first-child {
                background: none repeat scroll 0% 0% #F7F7F7; }
          .main .content .offset .left .page-left .export-att {
            float: left;
            margin-bottom: 10px; }
          .main .content .offset .left .page-left .export-att-button {
            background: none repeat scroll 0 0 #F3F3F3;
            border-color: #CCCCCC;
            border-style: solid;
            border-radius: 5px;
            border-width: 1px;
            color: #000000;
            height: 1.9em;
            padding: 0 0.6em; }
            .main .content .offset .left .page-left .export-att-button:hover {
              border-color: #AAAAAA; }
          .main .content .offset .left .page-left .prev-date {
            float: right;
            margin-bottom: 5px; }
            .main .content .offset .left .page-left .prev-date .prev {
              background: none repeat scroll 0 0 #F3F3F3;
              border-color: #CCCCCC;
              border-style: solid;
              border-radius: 5px 0 0px 5px;
              border-width: 1px;
              color: #000000;
              height: 1.9em;
              padding: 0 0.6em; }
              .main .content .offset .left .page-left .prev-date .prev:hover {
                border-color: #AAAAAA; }
            .main .content .offset .left .page-left .prev-date .nohover {
              cursor: default; }
              .main .content .offset .left .page-left .prev-date .nohover:hover {
                border-color: #CCCCCC; }
            .main .content .offset .left .page-left .prev-date .next {
              background: none repeat scroll 0 0 #F3F3F3;
              border-color: #CCCCCC;
              border-style: solid;
              border-radius: 0px 5px 5px 0px;
              border-width: 1px;
              color: #000000;
              height: 1.9em;
              padding: 0 0.6em;
              margin-left: -1px; }
              .main .content .offset .left .page-left .prev-date .next:hover {
                border-color: #AAAAAA; }
          .main .content .offset .left .page-left table.student-list thead tr {
            background: none repeat scroll 0% 0% #F7F7F7; }
            .main .content .offset .left .page-left table.student-list thead tr th {
              padding-top: 2px;
              padding-bottom: 2px;
              border: 1px solid #DDDDDD;
              border-bottom-width: 1px;
              width: 50px;
              text-align: center;
              font-size: 1em; }
              .main .content .offset .left .page-left table.student-list thead tr th:first-child {
                width: 200px; }
          .main .content .offset .left .page-left table.student-list tbody tr td {
            border: 1px solid #DDDDDD;
            padding: 10px;
            text-align: center;
            cursor: default; }
            .main .content .offset .left .page-left table.student-list tbody tr td:first-child {
              background: none repeat scroll 0% 0% #F7F7F7; }
          .main .content .offset .left .page-left .course-edit-submit {
            text-align: center; }
          .main .content .offset .left .page-left table.question-table {
            border-collapse: collapse;
            width: 100%; }
            .main .content .offset .left .page-left table.question-table thead tr {
              text-align: left; }
              .main .content .offset .left .page-left table.question-table thead tr th {
                border-bottom: 1px solid #E9E9E9;
                padding: 0 5px 5px;
                text-align: left; }
                .main .content .offset .left .page-left table.question-table thead tr th:first-child {
                  width: 60%; }
            .main .content .offset .left .page-left table.question-table tbody tr {
              border-bottom: 1px solid #E9E9E9; }
              .main .content .offset .left .page-left table.question-table tbody tr td {
                overflow: hidden;
                font-size: 13px;
                margin-top: 0px;
                padding: 10px 5px 15px; }
                .main .content .offset .left .page-left table.question-table tbody tr td a {
                  border-bottom: 1px solid #BBBBBB;
                  color: #111111; }
              .main .content .offset .left .page-left table.question-table tbody tr.active {
                background: #FFF9DF; }
    .main .content .right {
      background: none repeat scroll 0 0 #C9C9C9;
      float: right;
      min-height: 592px;
      padding: 0;
      width: 250px; }
      .main .content .right h2 {
        padding-top: 0;
        text-shadow: 0 1px 1px #F5F5F5; }
      .main .content .right .right-fade {
        background: url("../images/content-fade-right.png") repeat-x scroll left top transparent;
        padding: 5px 0px 10px; }
        .main .content .right .right-fade .right-default, .main .content .right .right-fade .right-time, .main .content .right .right-fade .right-classes, .main .content .right .right-fade .right-extras {
          background: url("../images/right-line.png") repeat-x scroll left bottom transparent;
          padding: 10px 10px 20px; }
        .main .content .right .right-fade .right-time .time {
          background-color: #DDDDDD;
          border-top: 1px solid #E9E9E9;
          box-shadow: 1 1px 0 #BBBBBB;
          color: #666666;
          display: block;
          margin: 0 0 5px;
          padding: 3px 5px 4px 7px; }
        .main .content .right .right-fade .right-classes ul.courses_ul {
          list-style: none outside none;
          margin: 0;
          padding: 0; }
          .main .content .right .right-fade .right-classes ul.courses_ul li {
            border-radius: 5px;
            clear: left;
            float: left;
            margin: 0 0 5px;
            padding: 2px 4px;
            background-color: #668CD9; }
            .main .content .right .right-fade .right-classes ul.courses_ul li a {
              border: medium none;
              color: #FFFFFF;
              font-size: 13px;
              margin: 0;
              padding: 0; }
        .main .content .right .right-fade .right-classes a {
          border-bottom: 1px solid #666666;
          clear: both;
          color: #666666;
          display: block;
          float: left;
          font-size: 11px;
          margin: 0 0 0 5px;
          padding: 5px 0 0; }

.groups-popup {
  display: none;
  width: 700px;
  background: #fff;
  padding: 20px 15px;
  box-shadow: 1px 1px 3px #BBBBBB;
  z-index: 1000; }
  .groups-popup .left {
    width: 35%;
    float: left; }
    .groups-popup .left .groups-left-list thead tr {
      background: none repeat scroll 0% 0% #F7F7F7; }
      .groups-popup .left .groups-left-list thead tr th {
        padding-top: 2px;
        padding-bottom: 2px;
        border: 1px solid #DDDDDD;
        width: 122px;
        text-align: center;
        font-size: 1em; }
        .groups-popup .left .groups-left-list thead tr th:first-child {
          width: 50px; }
    .groups-popup .left .groups-left-list tbody tr td {
      border: 1px solid #DDDDDD;
      padding: 10px;
      text-align: center; }
      .groups-popup .left .groups-left-list tbody tr td:first-child {
        background: none repeat scroll 0% 0% #F7F7F7; }
    .groups-popup .left .groups-left-list tbody tr.active {
      background-color: #FFF4BF; }
    .groups-popup .left .groups-left-list tbody tr.double-active {
      background-color: #B1E2A7; }
  .groups-popup .right {
    float: left;
    width: 60%;
    padding-left: 5px; }
    .groups-popup .right .group-students {
      width: 100%;
      border-spacing: 0; }
      .groups-popup .right .group-students thead tr {
        background: none repeat scroll 0% 0% #F7F7F7; }
        .groups-popup .right .group-students thead tr th {
          padding-top: 2px;
          padding-bottom: 2px;
          padding-left: 8px;
          border: 1px solid #DDDDDD;
          width: 122px;
          text-align: left;
          font-size: 1em; }
          .groups-popup .right .group-students thead tr th:first-child {
            width: 10px;
            padding-left: 0px;
            text-align: center; }
      .groups-popup .right .group-students tbody tr td {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 8px;
        border: 1px solid #DDDDDD;
        text-align: left; }
        .groups-popup .right .group-students tbody tr td:first-child {
          background: none repeat scroll 0% 0% #F7F7F7;
          padding-left: 0;
          text-align: center; }
      .groups-popup .right .group-students tbody tr.active {
        background-color: #FFF4BF; }

.shadow {
  display: none;
  width: 100%;
  min-height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999; }

.question-popup {
  width: 500px;
  position: absolute;
  background: #ffffff;
  padding: 10px;
  display: none; }
  .question-popup .question-item {
    width: 100%;
    padding: 10px 8px; }
    .question-popup .question-item label {
      margin-right: 10px;
      float: left; }
    .question-popup .question-item .input {
      width: 350px; }
  .question-popup .question-options {
    text-align: center; }

.pass-popup {
  width: 400px;
  position: absolute;
  background: #ffffff;
  padding: 20px;
  display: none;
  z-index: 1000; }
  .pass-popup .pass-item {
    padding-bottom: 10px; }
    .pass-popup .pass-item label {
      width: 150px;
      float: left; }
  .pass-popup .pass-options {
    text-align: center; }

.email-popup {
  width: 300px;
  position: absolute;
  background: #ffffff;
  padding: 20px;
  display: none;
  z-index: 1000; }
  .email-popup .email-item {
    padding-bottom: 10px; }
    .email-popup .email-item label {
      width: 100px;
      float: left; }
  .email-popup .email-options {
    text-align: center; }

div {
  display: block; }

a {
  text-decoration: none; }

a {
  border-bottom: 1px solid #BBBBBB;
  color: #CC3333;
  text-decoration: none; }
  a:hover {
    border-bottom: 1px solid #AF2020;
    color: #AF2020; }

h1 {
  font-family: 'Merriweather', 'Open Sans', Arial, serif;
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-shadow: 0 1px 0 #DDDDDD; }

h2 {
  color: #666666;
  font-family: 'Open Sans', Arial,sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 1em;
  margin: 3px 0 0;
  padding: 0 0 10px; }

h3 {
  color: #444444;
  font-family: 'Open Sans', Arial,sans-serif;
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  padding: 2px 0 8px; }

.input {
  background: url("../images/input-bg.png") no-repeat scroll left top transparent;
  border: 1px solid #ABADB3;
  font-size: 14px;
  padding: 4px 4px 5px; }

input[type="text"], input[type="password"] {
  border-radius: 3px; }

.btn, .btn-green, .btn-red {
  background: url("../images/buttons-all.png") no-repeat scroll 100% -62px transparent;
  border: medium none;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  margin: 0px;
  overflow: visible;
  padding: 0px;
  height: 28px;
  padding: 0px 11px 0px 0px; }
  .btn span, .btn-green span, .btn-red span {
    background: url("../images/buttons-all.png") no-repeat scroll -2px -62px white;
    clear: none;
    color: #333;
    display: block;
    height: 28px;
    line-height: 28px;
    padding: 0px 0px 0px 9px;
    text-shadow: 0px 1px 0px #D5ECC7;
    white-space: nowrap; }
    .btn span a, .btn-green span a, .btn-red span a {
      border: medium none;
      color: #333; }

.btn-green {
  background: url("../images/buttons-all.png") no-repeat scroll 100% -2px transparent; }
  .btn-green span {
    background: url("../images/buttons-all.png") no-repeat scroll -2px -2px white; }
  .btn-green:hover {
    background: url("../images/buttons-all.png") no-repeat scroll 100% -32px transparent; }
    .btn-green:hover span {
      background: url("../images/buttons-all.png") no-repeat scroll -2px -32px white; }

.btn-red {
  background: url("../images/buttons-all.png") no-repeat scroll 100% -182px transparent; }
  .btn-red span {
    background: url("../images/buttons-all.png") no-repeat scroll -2px -182px white; }
  .btn-red:hover {
    background: url("../images/buttons-all.png") no-repeat scroll 100% -212px transparent; }
    .btn-red:hover span {
      background: url("../images/buttons-all.png") no-repeat scroll -2px -212px white; }

.round-3 {
  border-radius: 3px; }

.round-5 {
  border-radius: 5px; }

.floatleft {
  float: left; }

.floatright {
  float: right; }

.clear {
  clear: both; }

.error, .success {
  border-radius: 5px;
  color: #333333;
  display: block;
  font-style: normal;
  line-height: 1.5em;
  margin: 15px 3px 5px;
  padding: 5px 10px; }

.success {
  display: none;
  background: url("../images/white.png") repeat-x scroll left top #e0efe7;
  border: 1px solid #B5DFC9; }

.hide {
  display: none; }

.yellow {
  background: #B1E2A7; }

.green {
  background: #7ED47D; }
